<template>
    <el-dialog v-model="visible" title="办理人信息" width="400px" :close-on-click-modal="false" draggable="true">
        <div v-if="user">
            <el-descriptions :column="1" border>
                <el-descriptions-item label="用户ID">{{ user.userId }}</el-descriptions-item>
                <el-descriptions-item label="用户名">{{ user.username }}</el-descriptions-item>
                <el-descriptions-item label="手机号">{{ user.phone || '-' }}</el-descriptions-item>
                <!-- 根据你user表字段自己补充 -->
            </el-descriptions>
        </div>
        <div v-else>
            <el-empty description="无数据" />
        </div>
        <template #footer>
            <el-button type="primary" @click="visible = false">关闭</el-button>
        </template>
    </el-dialog>
</template>
  
<script setup>
import { ref, defineExpose } from 'vue'

const visible = ref(false)
const user = ref(null)

const open = (userInfo) => {
    user.value = userInfo
    visible.value = true
}

defineExpose({ open })
</script>
  
<style scoped>

</style>